<template>
  <el-row :gutter="20">
    <el-col :span="6">
      <div class="grid-content">




      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content">


      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content">



      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content">



      </div>
    </el-col>
  </el-row>
</template>

<script>
  export default {
    data() {
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item)
      }
    }
  };
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

  .grid-content {
    box-shadow: 0px 0px 1px  #999999;
    min-height: 100px;
  }

</style>
